<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<link rel="stylesheet" href="css/iconfont.css">-->
    <link rel="stylesheet" href="css/base.css">

</head>
<body>
<!--头部开始-->
<div class="header">
    <div class="topbar">
        <div class="container clearfix">
            <div class="topbar-left">
                <a href="">小米商城</a><span>|</span>
                <a href="">MIUI</a><span>|</span>
                <a href="">米聊</a><span>|</span>
                <a href="">游戏</a><span>|</span>
                <a href="">多看阅读</a><span>|</span>
                <a href="">云服务</a><span>|</span>
                <a href="">金融</a><span>|</span>
                <a href="">小米网移动版</a><span>|</span>
                <a href="">问题反馈</a><span>|</span>
                <a href="">Select Region</a>
            </div>
            <div class="minicart">
                <i class="iconfont">&#xe661;</i>
                购物车（0）
                <div class="cart-menu"></div>
            </div>
            <div class="topbar-info">
                <a href="#">登录</a><span>|</span>
                <a href="#">注册</a><span>|</span>
                <a href="#">消息通知</a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="container clearfix">
            <div class="logo">
                <a href="#"></a>
            </div>
            <div class="category">
                <a href="#" class="link-category">
                    <img src="images/mkljl.gif" alt="">
                </a>
                <div class="site-category">
                    <ul>
                        <li class="category-item"><a href="#">手机 电话卡</a><i class="iconfont">&#xe636;</i>
                            <div class="part part1">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">笔记本 平板</a><i class="iconfont">&#xe636;</i>
                            <div class="part part2">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">电视 盒子</a><i class="iconfont">&#xe636;</i>
                            <div class="part part3">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">路由器 智能硬件</a><i class="iconfont">&#xe636;</i>
                            <div class="part part4">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">移动电源 电池 插线板</a><i class="iconfont">&#xe636;</i>
                            <div class="part part5">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">耳机 音响</a><i class="iconfont">&#xe636;</i>
                            <div class="part part6">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">保护壳 贴膜</a><i class="iconfont">&#xe636;</i>
                            <div class="part part7">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">线材 支架 存储卡</a><i class="iconfont">&#xe636;</i>
                            <div class="part part8">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">箱包 服饰</a><i class="iconfont">&#xe636;</i>
                            <div class="part part9">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">米兔 生活周边</a><i class="iconfont">&#xe636;</i>
                            <div class="part part10">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="nav-item">
                <ul>
                    <li><a href="#">小米手机</a></li>
                    <li><a href="#">红米</a></li>
                    <li><a href="#">平板 · 笔记本</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">盒子 · 影音</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">智能硬件</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="search">
                <form action="">
                    <input type="search" class="nav-search">
                    <button class="search-btn iconfont">&#xf004c;</button>
                </form>
            </div>
        </div>
        <div class="head-nav-menu xiaomishouji">
            <div class="container">
                <ul>
                    <li><img src="images/xiaomiNOTE2-320-220!320x220.jpg" alt=""><a href="#">小米Note 2</a>
                        <p>2799元起</p></li>
                    <span></span>
                    <li><img src="images/MIX-320-220!320x220.jpg " alt=""><a href="#">小米MIX</a>
                        <p>3499元起</p></li>
                    <span></span>
                    <li><img src="images/xiaomi5S-320-220!320x220.jpg" alt=""><a href="#">小米5s</a>
                        <p>1899元起</p></li>
                    <span></span>
                    <li><img src="images/5spluse320_220!320x220.jpg" alt=""><a href="#">小米5s Plus</a>
                        <p>2299元起</p></li>
                    <span></span>
                    <li><img src="images/mi5!320x220.jpg" alt=""><a href="#">小米手机5</a>
                        <p>1599元起</p></li>
                    <span></span>
                    <li><img src="images/maxdingbu!320x220.jpg" alt=""><a href="#">小米max</a>
                        <p>1299元起</p></li>

                </ul>
            </div>
        </div>
        <div class="head-nav-menu hongmi">
            <div class="container">
                <ul>
                    <li><img src="images/hongminote4!160x110.jpg" alt=""><a href="#">红米Note 4</a>
                        <p>990元</p></li>
                    <span></span>
                    <li><img src="images/hm4320-2202!160x110.jpg " alt=""><a href="#">红米Note</a>
                        <p>690元</p></li>
                    <span></span>


                </ul>
            </div>
        </div>
        <div class="head-nav-menu pc-pad">
            <div class="container">
                <ul>
                    <li><img src="images/mipad2-16!160x110.jpg" alt=""><a href="#">小米平板2 16GB</a>
                        <p>999起</p></li>
                    <span></span>
                    <li><img src="images/mipad2-64!160x110.jpg " alt=""><a href="#">小米平板2 64GB</a>
                        <p>1299元</p></li>
                    <span></span>
                    <li><img src="images/mipad2-64-win!160x110.jpg" alt=""><a href="#">小米平板2 64GB Windows版</a>
                        <p>1299元</p></li>
                    <span></span>
                    <li><img src="images/bijiben32012.5!160x110.jpg" alt=""><a href="#">小米笔记本Air 12.5"</a>
                        <p>3499元</p></li>
                    <span></span>
                    <li><img src="images/bijiben320!160x110.jpg" alt=""><a href="#">小米笔记本Air 13.3"</a>
                        <p>4999元</p></li>
                    <span></span>
                </ul>
            </div>
        </div>
        <div class="head-nav-menu mi-tv">
            <div class="container">
                <ul>
                    <li><img src="images/101843.png" alt=""><a href="#">小米电视3s 43英寸B</a>
                        <p>1799</p></li>
                    <span></span>
                    <li><img src="images/101848.png" alt=""><a href="#">小米电视3s 48英寸</a>
                        <p>2299元</p></li>
                    <span></span>
                    <li><img src="images/101855xin.png" alt=""><a href="#">小米电视3s 55英寸</a>
                        <p>3699元</p></li>
                    <span></span>
                    <li><img src="images/101860xin.png" alt=""><a href="#">小米电视3s 60英寸</a>
                        <p>4499元</p></li>
                    <span></span>
                    <li><img src="images/65yingyuan.png" alt=""><a href="#">小米电视3s 65英寸</a>
                        <p>5999元</p></li>
                    <span></span>
                    <li><img src="images/101865.png" alt=""><a href="#">查看全部</a>
                        <p>小米电视</p></li>
                </ul>
            </div>
        </div>
        <div class="head-nav-menu mi-box">
            <div class="container">
                <ul>
                    <li><img src="images/mihezi.png " alt=""><a href="#">小米盒子3s</a>
                        <p>299</p></li>
                    <span></span>
                    <li><img src="images/mihezi2.png" alt=""><a href="#">小米盒子3c</a>
                        <p>199元</p></li>
                    <span></span>
                    <li><img src="images/hezi3s!160x110.jpg" alt=""><a href="#">小米盒子3 增强版</a>
                        <p>399元</p></li>
                    <span></span>
                    <li><img src="images/hezimini.png" alt=""><a href="#">小米盒子mini版</a>
                        <p>179元</p></li>
                    <span></span>
                    <li><img src="images/320x220.png" alt=""><a href="#">小米家庭影院</a>
                        <p>1999元</p></li>
                    <span></span>
                    <li><img src="images/putonban!160x110.jpg" alt=""><a href="#">小米家庭影院</a>
                        <p>699</p></li>
                </ul>
            </div>
        </div>
        <div class="head-nav-menu mi-weblink">
            <div class="container">
                <ul>
                    <li><img src="images/miwifi!160x110.jpg " alt=""><a href="#">全新小米路由器</a>
                        <p>699元</p></li>
                    <span></span>
                    <li><img src="images/miwifi-3!160x110.png" alt=""><a href="#">小米路由器 3</a>
                        <p>149元</p></li>
                    <span></span>
                    <li><img src="images/luyouqi3c!160x110.jpg" alt=""><a href="#">小米路由器 3C</a>
                        <p>99元</p></li>
                    <span></span>
                    <li><img src="images/fdq2!160x110.jpg" alt=""><a href="#">小米WiFi放大器 2</a>
                        <p>49元</p></li>
                    <span></span>

                </ul>
            </div>
        </div>
        <div class="head-nav-menu mi-zhineng">
            <div class="container">
                <ul>
                    <li><img src="images/scooter!160x110.jpg" alt=""><a href="#">九号平衡车</a>
                        <p> 1999元</p></li>
                    <span></span>
                    <li><img src="images/water2!160x110.jpg" alt=""><a href="#">小米净水器</a>
                        <p>1299元</p></li>
                    <span></span>
                    <li><img src="images/dianfanbao!160x110.jpg" alt=""><a href="#">米家压力IH电饭煲</a>
                        <p>999元</p></li>
                    <span></span>
                    <li><img src="images/air2!160x110.jpg" alt=""><a href="#">小米空气净化器 2</a>
                        <p>699元</p></li>
                    <span></span>
                    <li><img src="images/xiaobai!160x110.jpg" alt=""><a href="#">智能摄像机</a>
                        <p>399元</p></li>
                    <span></span>
                    <li><img src="images/zhinengyingjian!160x110.jpg" alt=""><a href="#">查看全部</a>
                        <p> 智能硬件</p></li>

                </ul>
            </div>
        </div>
    </div>
</div>
<!--/头部结束-->

<!--footer-->
<div class="footer">
    <div class="container ">
        <div class="footer-top">
            <ul>
                <li><a href="#"><i class="iconfont">&#xe64d;</i>520余家售后网点</a></li>
                <span></span>
                <li><a href="#"><i class="iconfont">&#xe649;</i>满150元包邮</a></li>
                <span></span>
                <li><a href="#"><i class="iconfont">&#xe605;</i>15天免费换货</a></li>
                <span></span>
                <li><a href="#"><i class="iconfont">&#xe606;</i>7天无理由退货</a></li>
                <span></span>
                <li><a href="#"><i class="iconfont">&#xe659;</i>预约维修服务</a></li>
            </ul>
        </div>
        <div class="footer-center clearfix">
            <div class="left">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">自助服务</a></dd>
                    <dd><a href="#">相关下载</a></dd>
                </dl>
                <dl>
                    <dt>线下门店</dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#">服务网点</a></dd>
                    <dd><a href="#">零售网点</a></dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd><a href="#">了解小米</a></dd>
                    <dd><a href="#">加入小米</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">小米部落</a></dd>
                    <dd><a href="#">官方微信</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">F码通道</a></dd>
                    <dd><a href="#">礼物码</a></dd>
                    <dd><a href="#">防伪查询</a></dd>
                </dl>
                <span class="footer-center-line"></span>

            </div>
            <div class="right">
                <p>400-588-7347</p>
                <span>周一至周日 8:00-18:00</span>
                <span>（仅收市话费）</span>
                <div><a href="#"><i class="iconfont">&#xe68d;24小时在线客服</i></a></div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="context">
                <div class="footer-logo">
                    <img src="images/mi-logo.png" alt="">
                </div>
                <div class="footer-link">
                    <div class="left">
                        <p class="link">
                            <a href="#">小米商城</a><i>|</i>
                            <a href="#">MIUI</a><i>|</i>
                            <a href="#">米聊</a><i>|</i>
                            <a href="#">多看书城</a><i>|</i>
                            <a href="#">小米路由器</a><i>|</i>
                            <a href="#">视频电话</a><i>|</i>
                            <a href="#">小米后院</a><i>|</i>
                            <a href="#">小米天猫店</a><i>|</i>
                            <a href="#">小米淘宝直营店</a><i>|</i>
                            <a href="#">小米网盟</a><i>|</i>
                            <a href="#">小米移动</a><i>|</i>
                            <a href="#">Select Region</a>
                        </p>
                        <p class="copy">
                            <a href="#">©mi.com</a>
                            <i>京ICP证110507号</i>
                            <a href="#">京ICP备10046444号</a>
                            <a href="#">京公网安备11010802020134号</a>
                            <a href="#">京网文[2014]0059-0009号</a>
                            <br><i>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</i>
                        </p>
                    </div>
                    <div class="right">
                        <a href="#"><img src="images/seal.png" alt=""></a>
                        <a href="#"><img src="images/v-logo-2.png" alt=""></a>
                        <a href="#"><img src="images/v-logo-1.png" alt=""></a>
                        <a href="#"><img src="images/v-logo-3.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="slogan"></div>
        </div>

    </div>
</div>

<!--footer结束-->

</body>
</html>